
@import "./plugins/easytable.css";
@import "./plugins/progress.css";
@import "./plugins/flatpickr.css";
// transition fade
.fade-enter-active,
.fade-leave-active {
  transition: opacity .1s
}

.fade-enter,
.fade-leave-to

/* .fade-leave-active in <2.1.8 */
  {
  opacity: 0
}

.g6-tooltip {
  border: 1px solid #e2e2e2;
  border-radius: 4px;
  font-size: 12px;
  color: #545454;
  background-color: rgba(255, 255, 255, 0.9);
  padding: 10px 8px;
  box-shadow: rgb(174, 174, 174) 0px 0px 10px;
}
.slide-fade {
  position: absolute;
  left: 0;
  right: 0;
}

.slide-fade-enter-active {
  transition: all 1s ease;
}

.slide-fade-leave-active {
  transition: all 1.8s cubic-bezier(2.0, 0.5, 0.8, 1.0);
}

.slide-fade-enter,
.slide-fade-leave-to {
  left: 0;
  right: 0;
  transform: translateX(50px);
  opacity: 0;
}
// transition modal
.modal-enter {
  opacity: 0;
}

.modal-leave-active {
  opacity: 0;
}


.modal-container {
  width: 500px;
  .modal-header{
    position: relative;
  }
  .modal-body {
    overflow: auto;
  }
  .modal-footer {
    .btn-primary {
      margin-top: 15px;
    }
  }
}

.modal-mask {
  position: fixed;
  z-index: 9998;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .5);
  display: table;
  transition: opacity .3s ease;

  .modal-wrapper {
    display: table-cell;

    .modal-container {
      margin: 0px auto;
      margin-top: 60px;
      background-color: #fff;
      border-radius: 5px;
      box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
      transition: all .3s ease;

      .modal-header {
        font-size: 20px;
        padding: 25px;
        border-bottom: 1px solid #ccc;
      }

      .modal-body {
        padding: 25px;
      }

      .modal-footer {    
        display: table;
        height: 70px;
        text-align: center;
        border-top: 1px solid #ccc;
        width: 100%;
      }
    }
  }
}
.modal-enter .modal-container,
.modal-leave-active .modal-container {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.v-table-title-class {
  color: #909399;
}
.v-table-title-cell{
  height: 30px;
}
.v-table-views {
  border-color: #ebeef5!important;
  font-size: 14px;
}
.v-table-views *{
  border-color: #ebeef5!important;
  color: #606266;
}